/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[3].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[3].oneOf[13].use[5]!./src/app/scss/icon.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button-group-white:hover svg #myPath {
  stroke: #ea3c47;
}
.button-group-white:hover svg #myCircle {
  fill: white;
}

.button-group-primary:hover #myCircle {
  fill: #ea3c47;
}

.button-group-primary:hover #myPath {
  stroke: white;
}

.fill-white {
  fill: white;
}

.fill-primary {
  fill: #ea3c47;
}

.fill-blue {
  fill: #2d92ef;
}

.stroke-primary {
  stroke: #ea3c47;
}

.stroke-blue {
  stroke: #2d92ef;
}

.stroke-white {
  stroke: white;
}

.stroke-primary {
  stroke: #ea3c47;
}

.stroke-white {
  stroke: white;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[3].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[3].oneOf[13].use[5]!./src/app/scss/elements/loading.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  border: 6px solid white;
  border-top: 6px solid #ea3c47;
  border-left: 6px solid #ea3c47;
  border-right: 6px solid #ea3c47;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  animation: spin 1s linear infinite;
}

.loader-sm {
  border: 4px solid white;
  border-top: 4px solid #ea3c47;
  border-left: 4px solid #ea3c47;
  border-right: 4px solid #ea3c47;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}

.video {
  background-color: #cbdaec;
  border-radius: 22px;
}